<template>
    <dd-menu row ref="menu">
        <dd-item>item-0</dd-item>
        <dd-menu label="sub menu" sub-menu-direction="bottom">
            <dd-item>item-2-0</dd-item>
            <dd-item>item-2-1</dd-item>
            <dd-menu label="sub menu">
                <dd-item>item-2-2-0</dd-item>
                <dd-item>item-2-2-1</dd-item>
                <dd-item>item-2-2-2</dd-item>
            </dd-menu>
        </dd-menu>
        <dd-menu label="sub menu" sub-menu-direction="right">
            <dd-item>item-2-0</dd-item>
            <dd-item>item-2-1</dd-item>
            <dd-menu label="sub menu">
                <dd-item>item-2-2-0</dd-item>
                <dd-item>item-2-2-1</dd-item>
                <dd-item>item-2-2-2</dd-item>
            </dd-menu>
        </dd-menu>
    </dd-menu>
</template>
